

        
        @media(max-width:1600px){
            header .menu .side nav a{
                font-size: 20px;
            }
            header .menu .side nav a + a{
                margin-top: 15px;
            }
            header .menu .products .classify{
                height: 120px;
            }
            header .menu .products .palace{
                height: calc(100vh - 120px);
            }
            header .menu .products .btnBox{
                bottom: calc(30vh - 120px);
                width: 100px;
                right: 60px;
            }
            header .menu .products .btnBox .btn img{
                width: 30px;
            }
            header .menu .products .classify p{
                margin-right: 60px;
                line-height: 24px;
                padding: 10px 0px;
            }
            header .menu .products .palace .item{
                width: 400px;
            }
            header .menu .products .palace .item:last-child{
                margin-right: 80px;
                margin-left: -40px;
                padding-left: 40px;
            }
            header .menu .products .palace .item .pic .box{
                right: -160px;
            }
            header .menu .products .palace .item .pic .box .inner{
                left: -40px;
                right: 40px;
            }
            header .menu .products .palace .item:nth-child(n + 2):hover>*:not(div),
            header .menu .products .palace .item:hover .pic,
            header .menu .products .palace .item:hover + .item .pic .inner{
                transform: translateX(-40px);
            }
            header .menu .products .palace .item:hover + .item>*:not(div),
            header .menu .products .palace .item:hover .pic .box .inner,
            header .menu .products .palace .item:hover + .item .pic{
                transform: translateX(40px);
            }
            header .menu .products .palace .item h1{
                font-size: 75px;
                margin-top: -50px;
            }
            header .menu .products .palace .item p{
                margin-top: 12px;
            }

            .gap{
                padding-left: 80px;
                padding-right: 80px;
            }
            .gap.lg{
                padding-left: 160px;
                padding-right: 160px;
            }
            p{
                font-size: 15px;
            }
            h1{
                font-size: 75px;
            }
            h2{
                font-size: 50px;
                margin-bottom: 41px;
            }
            h3{
                font-size: 25px;
                margin-bottom: 25px;
            }
            main .minusR{
                margin-right: -80px;
            }
            main .minusL{
                margin-left: -80px;;
            }
            main .headPic::after{
                height: 60px;
            }
        }
        @media(max-width:1450px){
            header{
                padding-top: 32px;
            }
            header .tpLft .menuBtn{
                margin-top: 32px;
                width: 4vw;
                height: 4vw;
                min-width: 45px;
                min-height: 45px;
            }
            
        }
        @media(max-width:1400px){
            header .menu .products .palace .item h1{
                font-size: 60px;
                margin-top: -42px;
            }
            header .menu .products .classify p span{
                font-size: 14px;
                line-height: 14px;
            }
            h1{
                font-size: 60px;
            }
        }
        @media(max-width:1200px){
            .gap{
                padding-left: 75px;
                padding-right: 75px;
            }
            .gap.lg{
                padding-left: 55px;
                padding-right: 55px;
            }
            header{
                width: 160px;
            }
            header::before{
                width: 159px;
            }
            header .menu .side nav{
                margin-left: 160px;
            }
            header .menu .side nav a{
                font-size: 18px;
            }
            header .menu .side nav a + a{
                margin-top: 10px;
            }
            header .menu .products .classify{
                height: 100px;
            }
            header .menu .products .palace{
                height: calc(100vh - 100px);
            }
            header .menu .products .btnBox{
                bottom: calc(40vh - 100px);
                width: 92px;
                right: 56px;
            }
            header .menu .products .btnBox .btn img{
                width: 28px;
            }
            header .menu .products .classify p{
                margin-right: 56px;
                line-height: 20px;
                padding: 8px 0px;
            }
            header .menu .products .palace .item{
                width: 370px;
            }
            header .menu .products .palace .item:last-child{
                margin-right: 74px;
                margin-left: -37px;
                padding-left: 37px;
            }
            header .menu .products .palace .item .pic{
                height: 60vh;
            }
            header .menu .products .palace .item .pic .box{
                right: -150px;
            }
            header .menu .products .palace .item .pic .box .inner{
                left: -37px;
                right: 37px;
            }
            header .menu .products .palace .item:nth-child(n + 2):hover>*:not(div),
            header .menu .products .palace .item:hover .pic,
            header .menu .products .palace .item:hover + .item .pic .inner{
                transform: translateX(-37px);
            }
            header .menu .products .palace .item:hover + .item>*:not(div),
            header .menu .products .palace .item:hover .pic .box .inner,
            header .menu .products .palace .item:hover + .item .pic{
                transform: translateX(37px);
            }
            header .menu .products .palace .item h1{
                font-size: 55px;
                margin-top: -36px;
            }

            main{
                padding-left: 160px;
            }
            p{
                font-size: 14px;
            }
            h1{
                font-size: 55px;
            }
            h2{
                font-size: 43px;
                margin-bottom: 38px;
            }
            h3{
                font-size: 23px;
                margin-bottom: 23px;
            }
            main .minusR{
                margin-right: -75px;
            }
            main .minusL{
                margin-left: -75px;;
            }
            main .headPic::after{
                height: 56px;
            }
        }
        .mobileDevice{
            overflow: initial;
            overflow-x: hidden;
        }
        @media(max-width:1024px){
            .gap{
                padding-left: 25px;
                padding-right: 25px;
            }
            .gap.lg{
                padding-left: 50px;
                padding-right: 50px;
            }
            main{
                padding-top: 70px;
            }
            header{
                width: 100%;
                padding-top: 0px;
            }
            header::before{
                display: none;
            }
            header .tpLft{
                flex-direction: row;
                justify-content: space-between;
                top: 0px;
                height: 70px;
                padding: 0px 25px;
                background: #fff;
            }
            header .tpLft .menuBtn{
                margin-top: 0px;
                min-width: 40px;
                min-height: 40px;
            }
            header .tpLft .menuBtn span{
                width: 14px;
            }
            header .menu{
                padding-top: 70px;
                flex-direction: column;
                overflow: auto;
            }
            header .menu>*{
                width: 100% !important;
            }
            header .menu .side{
                display: block;
            }
            header .menu .side nav{
                margin-left: 0px;
                padding-top: 25px;
                display: inline-block;
            }
            header .menu .side nav a{
                font-size: 16px;
            }
            header .menu .side nav a + a{
                margin-top: 4px;
            }
            header .menu .products{
                flex: 1;
                flex-direction: column;
            }
            header .menu .products::before{
                content: '';
                height: 80px;
                width: 25px;
                top: 0px;
                left: 0px;
                background: linear-gradient(90deg,#fff 0,#fff 33%,hsla(0,0%,100%,0));
                position: absolute;
                z-index: 10;
            }
            header .menu .products .classify,
            header .menu .products .palace{
                position: relative;
                display: block;
                width: 100%;
                overflow: auto;
            }
            header .menu .products .classify{
                height: initial;
                padding: 0px 25px;
            }
            header .menu,
            header .menu .products .classify{
                transform: translateX(0px) !important;
            }
            header .menu .products .classify p{
                margin: 22px 0px;
                margin-right: 34px;
            }
            header .menu .products .classify p:last-child{
                padding-right: 25px;
            }
            
            header .menu .products .palace{
                flex: 1;
                padding-bottom: 24px;
            }
            header .menu .products .palace .item{
                width: 300px;
            }
            header .menu .products .classify>*,
            header .menu .products .palace>*{
                display: inline-block;
                vertical-align: top;
            }

            header .menu .products .palace .item:last-child{
                margin-right: 68px;
                margin-left: -34px;
                padding-left: 34px;
            }
            header .menu .products .palace .item .pic .box{
                right: -138px;
            }
            header .menu .products .palace .item .pic .box .inner{
                left: -34px;
                right: 34px;
            }
            header .menu .products .palace .item:nth-child(n + 2):hover>*:not(div),
            header .menu .products .palace .item:hover .pic,
            header .menu .products .palace .item:hover + .item .pic .inner{
                transform: translateX(-34px);
            }
            header .menu .products .palace .item:hover + .item>*:not(div),
            header .menu .products .palace .item:hover .pic .box .inner,
            header .menu .products .palace .item:hover + .item .pic{
                transform: translateX(34px);
            }
            header .menu .products .palace .item .pic{
                height: 50vw;
            }
            header.flip .menu .products .btnBox{
                width: 60px;
                bottom: auto;
                top: 104px;
                right: 26px;
                display: none;
            }
            header.flip .menu .products .btnBox .btn{
                transform: translateY(0px);
            }
            header.flip .menu .products .btnBox .btn img{
                width: 20px;
            }
            header .menu .products .palace .item h1 {
                font-size: 52px;
                margin-top: -34px;
            }
            header .menu .products .palace .item p{
                margin-top: 8px;
            }
            main{
                padding-left: 0px;
            }
            p{
                font-size: 13px;
            }
            h1{
                font-size: 50px;
            }
            h2{
                font-size: 43px;
                margin-bottom: 35px;
            }
            h3{
                font-size: 21px;
                margin-bottom: 21px;
            }
            main .minusR{
                margin-right: -25px;
            }
            main .minusL{
                margin-left: -25px;;
            }
            main .headPic{
                height: 56vw;
            }
            main .headPic::after{
                height: 34px;
            }
        }
        @media(max-width:767px){
            p{
                font-size: 12px;
            }
            h1,h2{
                font-size: 40px;
            }
            h2{
                margin-bottom: 33px;
            }
            h3{
                font-size: 20px;
                margin-bottom: 20px;
            }
            header .menu .products .palace .item:hover .pic,
            header .menu .products .palace .item:hover + .item .pic .inner,
            header .menu .products .palace .item:hover + .item .pic,
            header .menu .products .palace .item:hover .pic .box .inner,
            header .menu .products .palace .item:hover + .item>*:not(div),
            header .menu .products .palace .item:nth-child(n + 2):hover>*:not(div){
                transform: initial !important;
            }
            header.flip .menu .products{
                display: block;
            }
            header.flip .menu .products .classify,
            header.flip .menu .products .palace{
                width: 100%;
                overflow: auto;
            }
            header .menu .products .palace{
                height: auto;
            }
            header .menu .products .palace .item{
                width:160px;
            }
            header .menu .products .palace .item:last-child{
                margin-right: 64px;
                margin-left: -32px;
                padding-left: 32px;
                width: 70vw;
            }
            header .menu .products .palace .item .pic .box{
                right: -138px;
            }
            header .menu .products .palace .item .pic .box .inner{
                left: -32px;
                right: 32px;
            }
            header .menu .products .palace .item:nth-child(n + 2):hover>*:not(div),
            header .menu .products .palace .item:hover .pic,
            header .menu .products .palace .item:hover + .item .pic .inner{
                transform: translateX(-32px);
            }
            header .menu .products .palace .item:hover + .item>*:not(div),
            header .menu .products .palace .item:hover .pic .box .inner,
            header .menu .products .palace .item:hover + .item .pic{
                transform: translateX(32px);
            }
            header .menu .products .palace .item .pic .box{
                right: -128px;
            }
            header .menu .products .palace .item .pic{
                height: 60vw;
            }
            header.flip .menu .products .btnBox{
                width: 54px;
                top: 96px;
                right: 24px;
            }
            header .menu .products .palace .item h1 {
                font-size: 48px;
                margin-top: -40px;
            }
            main .headPic::after{
                height: 24px;
            }
            footer{
                padding: 50px 0px;
            }
            footer nav{
                flex-direction: column;
                justify-content: initial;
            }
            footer nav a{
                font-size: 14px;
                line-height: 16px;
            }
            footer nav a + a{
                margin-left: 0px;
                margin-top: 20px;
            }
            footer .support{
                font-size: 12px;
                margin-top: 30px;
            }
            footer .support span{
                display: block;
            }
            footer .support span:last-child{
                margin-left: 0px;
                margin-top: 10px;
            }
        }